<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>vue模板语法</title>
    <script src="../js/vue.js"></script>
</head>
<body>

<div id="app">
    <!--    插值语法-->
    <h1>{{name}}</h1>
    <hr/>
    <!--  指令语法-->
    <a v-bind:href="url">百度</a>
    <!--    v-bind可以简写为 :-->
    <a :href="url2">百度2</a>
</div>

<script type="text/javascript">
    const x = new Vue({
        el: '#app',
        data: {
            name: '插值语法',
            url: 'https://www.baidu.com/',
            url2: 'https://www.baidu.com/'
        }
    })
</script>
</body>
</html>